<template>
	<view class="indexBar">
		<view class="title">
			<i class="iconfont iconzuojiantou" @tap="goBack"></i>
			<text>选择地区</text>
			<text>保存</text>
		</view>
		<view class="content">
			<view class="location">
				<view class="one_now">当前位置</view>
				<view class="one_locat">
					<i class="iconfont icondingwei"></i>
					<text>郑州</text>
				</view>
			</view>
			<van-index-bar>
				<van-index-anchor index="A" />
				<van-cell title="文本" />
				<van-cell title="文本" />
				<van-cell title="文本" />
				<van-index-anchor index="B" />
				<van-cell title="文本" />
				<van-cell title="文本" />
				<van-cell title="文本" />
			</van-index-bar>
			<van-index-bar>
				<van-index-anchor index="A" />
				<van-cell title="文本" />
				<van-cell title="文本" />
				<van-cell title="文本" />
				<van-index-anchor index="B" />
				<van-cell title="文本" />
				<van-cell title="文本" />
				<van-cell title="文本" />
			</van-index-bar>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		goBack() {
			uni.navigateBack({
				delta: 1
			});
		}
	}
};
</script>

<style lang="less" scoped>
.indexBar {
	width: 100%;
	background: rgba(242, 242, 242, 1);
	position: relative;
	.title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 60rpx 30rpx 20rpx 40rpx;
		box-sizing: border-box;
		border-bottom: 1px solid #eee;
		background-color: #fff;
		i {
			font-size: 32rpx;
			font-weight: bold;
		}
		text {
			&:nth-child(2) {
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: 600;
				color: rgba(51, 51, 51, 1);
			}
			&:nth-child(3) {
				width: 100rpx;
				height: 44rpx;
				background: rgba(102, 110, 236, 1);
				border-radius: 22rpx;
				line-height: 44rpx;
				text-align: center;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: rgba(255, 255, 255, 1);
			}
		}
	}
	.content {
		width: 100%;
		margin-bottom: 10rpx;
		.location {
			background-color: #fff;
			padding: 20rpx 15rpx;
			box-sizing: border-box;
			.one_now {
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: rgba(102, 102, 102, 1);
				padding: 15rpx 0;
			}
			.one_locat {
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: rgba(51, 51, 51, 1);
				i {
					font-size: 30rpx;
					margin-right: 15rpx;
				}
			}
		}
	}
}
</style>
